@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: r(100);
  background: white;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #ebebeb;
  top: 2.2rem;
  bottom: 68px;
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: 1.5rem;
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
  .whole .img1 {
    float: left;
    display: block;
    width: 6.11%;
    height:100%; }
 img {
      width: 100%;
      height: 100%; }

.search {
//  width: r(118);
//  height: r(26); 
    color: #999999;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
    width: 60%;
    margin: 0 auto;
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}

.attestation{
    width: 100%;
    height: r(65);
    padding-left: r(20);
    line-height: r(65);
    font-size: r(23);
    border-top:r(1) solid #c1c1c1 ;
    border-bottom:r(1) solid #c1c1c1 ;
}
.shop{
    width: 100%;
    height: r(83);
    background: white;
    margin-top:r(20) ;
    border-top:r(1) solid #dedede ;
    border-bottom: r(1) solid #dedede ;
    font-size: r(27);
    line-height: r(83);
    padding: 0 r(20) 0 r(20);
     color: #707070;
    .edit{
       padding-left:r(68) ;
    }
    a{
         color: #707070;
    }
}
.Discount{
    width: 100%;
    height: r(90);
    background: white;
    padding: 0 r(20) 0 r(75);
    line-height: r(90);
    .Reduction{
        width: r(70);
        height: r(30);
        background:#d62d31 ;
        color:white;
        font-size: r(24);
        text-align: center;
        line-height: r(30);
        margin-right: r(24);
         margin-top: r(31);
         
    }
    .Reduction_one{
        font-size: r(26);
        color: #333333;
       padding-right: r(100);
    }
    .Reduction_two{
        width: r(18);
        height: r(30);
    }
}
.apple{
    height: r(1140);
    width: 100%;
    border-bottom: r(1) solid #C9CECF;
    background: white;
    padding-left: r(20);
    .apple_one{
        height: r(270);
        width: 100%;  
        margin-bottom:r(20);
        border-bottom:r(1) solid #dedede ;
        
        .Choice{
            width: r(35);
            height: r(35);
            border-radius:50% ;
            border: r(1) solid #dfdfdf;
            margin-top: r(46);
           
        }
        .Choice:hover{
            background: url(../images/checkcur.png) no-repeat;
            background-size: 100%;
            
        }
      .apple_two{
          width: r(180);
          height: r(180);
          margin: 0 r(20) 0 r(22);
      }  
      .number{
          font-size: r(28);
      }
      .color{
          font-size: r(23);
          color: #dadada;
          padding-top: r(16);
      }
      .Price{
          padding-top: r(25);
          color: #d62d31;
          font-size: r(25);
      }
      .Quantity_purchased{
          width: r(180);
          height: r(50);

          margin-left: r(57);
          margin-top: r(20);
          input{
              width: r(100);
              height: r(100);
              text-align:center;
              font-size: r(20);
          }
          #z{
             
              width: r(200);
              height: r(200);
              border: 0;
          }
         
      }
    }
}
.tail{
    width: 100%;
    height: r(290);
    background: #f3f4f6;
    padding: 0 r(30) 0 r(30);
    .tail_one{
        width: r(580);
        height: r(93);
        border-bottom: r(1) solid #e0e0e0;
        font-size: r(23);
        padding-top:r(33);
       ul{
           width: r(235);
           height: r(24);
           margin: 0 auto;
           li{
               float: left; 
               a{
                   color: #666666;
               }             
           }
           
       }
       ul>li:nth-child(1){
           padding-right: r(43);
       }
       
    }
    .youbei{
           width: 100%;
          height:r(195);
          background: #f3f4f6;
          padding: r(52) r(140) 0 r(210);
          color: #afaeae;
          .logo{
              width: r(52);              
              height: r(46);
              display:inline-block ;
              margin-top: r(8);
              margin-right: r(13);
              background: seagreen;
              
              img{
                  width: 100%;
                  height: 100%;
              }
          }
          .name{
              font-size: r(26);              
          }
          .Website{
              font-size: r(10);
          }
       }
       .service{
           font-size: r(19);
           padding-top: r(16);
           letter-spacing:r(2)
       }
}
.Choice_one{
    width: r(35);
    height: r(35);
    border-radius:50% ;
//  border: r(1) solid #dfdfdf;
    margin-top: r(28);
    margin-left: r(20);
    margin-right: r(22);
    img{
        width: 100%;
        height: 100%;
    }
}
    .Select{
//      display: inline-block;
//      padding-top: r(35);
        line-height: r(100);
        width: r(48);
        height: r(23);
//  margin: 0.85rem 0 0 0.3rem;
    font-size: 0.6rem;
   
    }
    .Total{
        width: r(247);
        height: 100%;

        margin-left: r(25);
        .Total_one{
                color: #666;
    font-size: 0.7rem;
    margin: 0 0 0.2rem;
    .yuan{
            font-size: 0.8rem;
    color: #333;
    }
   .amount{
        font-size: r(12);
//      padding-bottom: r(10);
//word-spacing: r();
    }
        }
       
    }

 .Settlement{
            width: r(240);
            height: 100%;
            background: #d62d31;
           line-height: r(100);
           text-align: center;
           font-size: r(35);
          color: white;
        }